<script>
export default {
  name: 'MenuItem',
  functional: true,
  props: {
    meta: {
      type: Object,
      default: () => {
        return {
          title: '',
          icon: ''
        }
      }
    }
  },
  render(h, context) {
    const { icon, title } = context.props.meta
    const vnodes = []

    if (icon) {
      vnodes.push(<i style='margin-right:10px;color:white' class={icon} ></i>)
      // vnodes.push(<svg-icon icon-class={icon} />);
    } else {
      vnodes.push(<i style='margin-right:10px;color:white' class='iconfont iconcircle'></i>)
    }
    if (title) {
      vnodes.push(<span slot='title'>{title}</span>)
    }
    return vnodes
  }
}
</script>
